<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="author" content="陈旭光，Chen XuG,chenxvguang1991@163.com">
    <title>Chen XuG's CV</title>
    <link rel="shortcut icon" href="img/title.ico"/>
    <link rel="stylesheet" type="text/css" href="style/main.css">
    <link rel="stylesheet" type="text/css" href="style/reset.css">
</head>
<body style="overflow-x:hidden;overflow-y:hidden ">
    <section id='wrap'>
    <!--        导航栏          -->
        <ul id='nav'>
                <li class="displayNow"></li>
                <li></li>
                <li></li>
                <li></li>
        </ul>
        <!--        第一页          -->
        <section id='p1'>
                <div id='bg1'></div>
                <div></div>
                <div >
                    <p  class="move2">“The best time to plant a tree was 10 years ago. The second best time is now.”</p>
                    <p  class="move2">——Caun Derre</p>
                    <img  class="move2" width=150 height="100" src="img/down.png">
                </div>
                <div class="move4">
                <p>应聘：前端开发</p>
                <p>Apply for:web developer</p>
                </div>
        </section>
        <!--        第二页          -->
        <section id='p2'>
                    <span>About Me</span>
                    <div id='me0'>
                          <div></div>
                          <div></div>
                          <div></div>
                          <div>
                                <div id='me1'></div>
                          </div>
                    </div>
                    <div id='me2'>
                                <h2>陈旭光</h2>
                                <ul>
                                    <li>2011-2015:河北工业大学（211）本科</li>
                                    <li>2015-2016:中航工业集团</li>
                                    <li style="height:10px">&nbsp</li>
                                    <li style="height:10px">&nbsp</li>
                                    <li>自学能力强，善于运用新知识，精于钻研</li>
                                    <li>热爱编程，有较强的逻辑思维</li>
                                    <li>待事认真负责，个性乐观开朗</li>
                                    <li>具有强烈的团队意识和执行力</li>

                                </ul>
                    </div>
                    <div id='star'>
                            <div class="meteorite"></div>
                            <div class="meteorite"></div>
                            <div class="meteorite"></div>
                            <div class="meteorite"></div>
                    </div>
                    <img src="img/bg1.png">
         </section>
         <!--        第三页          -->
        <section id='p3'>
            <span>Skill&demo</span>
            <ul>
                <li>掌握JavaScript、HTML5、CSS/CSS3前端相关技术</li>
                <li>熟悉AJAX、DOM、JQuery及bootstrap</li>
                <li>理解 HTTP 协议</li>
                <li>对各种浏览器的兼容性有一定了解</li>
                <li>熟练使用PhotoShop</li>
                <li>正在努力自学AngularJS和Node.js</li>
            </ul>
            <div id='open'>
                <div></div>
                <span>Click to view my demo</span>
            </div>
            <div id='close'>
                    <div></div>
                    <span>close demo</span>
            </div>
            <iframe src="http://chenxug.oschina.io/mydemo/" ></iframe>
        </section>
        <!--        第四页          -->
        <section id='p4'>
            <p>联系我：</p>
            <p>Email:<a href="mailto:chenxvguang0310@163.com">chenxvguang0310@163.com</a></p>
            <p>Tel:<span>18833481632</span></p>
            <p>下载简历:<a href="http://chenxug.oschina.io/resume/陈旭光-前端开发.pdf" target='_blank'’>pdf</a>
                        <a href="http://chenxug.oschina.io/resume/陈旭光-前端开发.doc" target='_blank'’>word</a></p>
            <div>
                <span id='wechat'></span>
                <span id='qq'></span>
            </div>
        </section>
    </section>
    
    <script type="text/javascript" src="script/jquery.js"></script>
    <!--        CSS3无需添加浏览器前缀脚本prefixfree          -->
    <script type="text/javascript" src="script/prefixfree.min.js"></script>
    <script type="text/javascript" src="script/main.js"></script>
    
</body>
</html>